{{define "mobile/ordinary/index.html"}}
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
	<meta name="format-detection" content="telephone=no">
	<title>郑州市第一人民医院脑卒中筛查-app下载</title>
	<link rel="stylesheet" type="text/css" href="/res/mobile/css/bootstrap.min.css" />
	<style type="text/css">
		.container .row:nth-child(2){
			margin: 1.8rem 0 .8rem;
			text-align: center;
			font-size: .3rem;
			height: 1.5rem;
		}
		.container .row:nth-child(3){
			padding-top: 1rem;
		}
		.row{
			text-align: center;
			height: 2rem;
		}
		._but{
			border: 1px solid #2CB7CA;
			font-size: 0.3rem;
			border-radius: 6px;
			width: 3rem;
			padding: 10px;
			background: #2CB7CA;
			color: #fff;
			position: relative;
			left: 50%;
			margin-left: -1.5rem;
		}
		.container{
			height: 8rem;
			position: relative;
			top: 45%;
			margin-top: -4rem;
		}
		body{
			height: 100vh;
			background: #F5F4FA;
		}
		.mask{
			background-color: rgba(0,0,0,0.7);
			position: fixed;
			left: 0px;
			right: 0px;
			top: 0px;
			bottom: 0px;
			display: none;
			z-index: 999;
			letter-spacing: 1px;
		}
		._logo{
			position: absolute;
			width: 2rem;
			height: 2rem;
			border-radius: 1rem;
			/* border: 1px solid #000; */
			background: #fff;
			opacity: 1;
			left: 0;
			right: 0;
			margin: auto;
			top: 0;
			overflow: hidden;
			background-image: url(/res/mobile/images/logo_yh.jpg);
			background-repeat: round;
			padding-top: .13rem;
			padding-bottom: .09rem;
		}
		.mask01{
			width: 259px;
			position: absolute;
			top: 10px;
			right: 25px;
			z-index: 1;
		}
		.mask02{
			width: 37.5px;
			position: absolute;
			top: 160px;
			right: 135px;
			bottom: 0;
		}
		._title{
			font-size: .35rem;
		}
	</style>
</head>
<body ontouchstart>
	<div class="mask">
		<img class="mask01" src="/res/mobile/images/mask01.png">
		<img class="mask02" src="/res/mobile/images/mask02.png">
	</div>
	<div class="container">
		<div class="row">
			<div class="col-xs-2"></div>
			<div class="col-xs-8">
				<div class="_logo"></div>
			</div> 
			<div class="col-xs-2"></div>      
		</div>
		<div class="row">
			<div class="col-xs-2"></div>
			<div class="col-xs-8">
				<span class="_title">郑州市第一人民医院</span>
				<br>
				<br>
				<span class="_title_">脑卒中筛查系统</span>
			</div> 
			<div class="col-xs-2"></div>      
		</div>
		<div class="row">
			<div class="col-xs-2"></div>
			<div class="col-xs-8"><div class="_but">下载APP</div></div> 
			<div class="col-xs-2"></div>      
		</div>
	</div>
	<script type="text/javascript" src="/res/mobile/js/rem.js"></script>
	<script type="text/javascript" src="/res/mobile/js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$("._but").on("click",function(){
				if(isWeixin()){
					$(".mask").show();
				}else{
					$(".mask").hide();
					window.location.href="http://39.100.240.184/assets/naocuzhong-shaicha.apk";
				}
			})
			//
			$(".mask02").on("click",function(){
				$(".mask").hide();
			})
		});
		//.....
		function isWeixin(){
			var ua = navigator.userAgent.toLowerCase();
			if(ua.match(/MicroMessenger/i)=="micromessenger"){
				return true;
			}else{
				return false;
			}
		}
	</script>
</body>
</html>
{{end}}